<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
    <title>主页</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/iconfont/iconfont.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/toastr/toastr.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/home/home.css">
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/toastr/toastr.min.js"></script>
</head>
<body>
<!-- 顶部导航栏 -->
<div class="row" style="background-color:#00a2e8;">
    <!-- 顶部导航栏左边logo↓ -->
    <div class="col-md-2" style="font-weight: bold;line-height: 46px;font-size: 21px;">
        超市后台管理系统
<%--        <img src="${pageContext.request.contextPath}/home/img/logo.png" width="200px">--%>
    </div>
    <!-- 顶部导航栏左边logo↑ -->

    <div id="addrBar" class="col-md-7">
        <div class="tag"><div class="zi">首页</div><div class="you"><div><i class="iconfont icon-shuaxin-"></i></div></div></div>
    </div>

    <!-- 顶部导航栏右边内容↓ -->
    <div class="col-md-3 pull-right text-center" style="line-height: 55px;">
        <span style="color: #fff;">欢迎您，${staff.staffName}</span> &nbsp;&nbsp;
        <a href="#" id="message"><span class="glyphicon glyphicon-volume-up"></span>&nbsp;&nbsp;</a>
        <a href="#" id="setting"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;</a>
        <a href="/homeServlet/exit"><span class="glyphicon glyphicon-log-out"></span>&nbsp;&nbsp;</a>
    </div>
    <!-- 顶部导航栏右边内容↑ -->
</div>
<!-- 顶部导航栏↑ -->

<!-- 左侧导航栏↓ -->
<nav class="nav col-md-2 navbar-default">
    <div class="navbar-header">
        <a class="navbar-brand">
            <span class="glyphicon glyphicon-menu-hamburger"></span>
            功能菜单
        </a>
    </div>
    <ul class="nav nav-pills nav-stacked">
        <c:forEach items="${resList}" var="res">
        <li>
            <a class="btn">${res.resourceName}<span class="caret"></span></a>
            <ul class="leftlist nav-stacked">
                <c:forEach items="${res.list}" var="re">
                    <li><a href="#" class="${re.url}"><span class="glyphicon glyphicon-menu-right"></span>${re.resourceName}</a></li>
                </c:forEach>
            </ul>
        </li>
        </c:forEach>
</nav>
<!-- 左侧导航栏↑ -->
<div id="iframs">
    <div id="iframes" class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item" name="iframe" src="${pageContext.request.contextPath}/homeServlet/showNews">首页</iframe>
    </div>
</div>

<script src="${pageContext.request.contextPath}/home/home.js"></script>
</body>
</html>
